@import "../../assets/style/_var.less";
.banner {
  padding: 20rpx;
  margin: 20rpx 32rpx;
  border-radius: @radius-main;
  background: @color-bg-light;
  .img {
    border-radius: @radius-main;
    overflow: hidden;
  }
  .name,
  .arts {
    width: 300rpx;
    line-height: 42rpx;
    text-align: center;
  }
  .name {
    margin-top: 16rpx;
  }
  .arts {
    margin-top: 6rpx;
    line-height: 36rpx;
    font-size: @font-size-light;
  }
  .desc {
    margin-left: @gap;
    max-height: 410rpx;
    overflow: auto;
    line-height: 1.4;
  }
}
.list-box {
  margin: 0 32rpx;
  padding-bottom: calc(40rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
}
